<script setup>
import PageContainer from "@/components/PageContainer.vue";
import { ref } from "vue";

const form = ref({
  password: "",
  repassword: "",
  confirmPassword: "",
});

const reset = () => {
  form.value = {};
};

const resetmm = () => {
  alert("功能未开发");
  form.value = {};
};
</script>

<template>
  <page-container title="修好密码">
    <el-row>
      <el-col :span="12">
        <el-form label-width="100px">
          <el-form-item label="原密码">
            <el-input
              type="password"
              v-model="form.password"
              placeholder="请输入原密码"
              show-password
            ></el-input>
          </el-form-item>
          <el-form-item label="新密码">
            <el-input
              type="password"
              v-model="form.repassword"
              placeholder="请输入新密码"
              show-password
            ></el-input>
          </el-form-item>
          <el-form-item label="确认密码">
            <el-input
              type="password"
              v-model="form.confirmPassword"
              placeholder="请再次输入新密码"
              show-password
            ></el-input>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="resetmm">修改密码</el-button>
            <el-button @click="reset">重置</el-button>
          </el-form-item>
        </el-form>
      </el-col>
    </el-row>
  </page-container>
</template>
